 * {
     margin: 0;
     padding: 0;
 }
 .container {
     height: 100vh;
     background-image: url("/src/assets/bg.png");
     background-size: 100% 100%;
     background-attachment: fixed;
 }
 .login-wrapper {
     background-color: #fff;
     width: 358px;
     height: 588px;
     border-radius: 15px;
     padding: 0 50px;
     position: relative;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .header {
     font-size: 38px;
     font-weight: bold;
     text-align: center;
     line-height: 200px;
     color: #2e70a5;
 }
 .input-item {
     display: block;
     width: 100%;
     margin-bottom: 20px;
     border: 0;
     padding: 10px;
     border-bottom: 1px solid rgb(128, 125, 125);
     font-size: 15px;
     outline: none;
 }
 .input-item:placeholder {
     text-transform: uppercase;
 }
 .btn {
     text-align: center;
     padding: 10px;
     width: 100%;
     margin-top: 40px;
     background-image: linear-gradient(to bottom, #4584b9, #2e70a5);
     color: #fff;
     cursor: pointer;
 }

 .msg {
     text-align: center;
     line-height: 88px;
 }
 a {
     text-decoration-line: none;
     color: #abc1ee;
 }
 .form-wrapper p{
    width: 100%;
    text-align: center;
    margin:  0 auto;
    padding-top: 10px;
 }
 .error{
    text-align: right;
    font-size: 10px;
    font-weight: bold;
    color: red;
    margin-top: -10px;
 }
 .point{
    width: 500px;
    height: 500px;
    background: linear-gradient(to right, #33d6a5, white);
    border-radius: 50%;
    margin-top: -180px;
    margin-left: 70px !important;  
 }
 span{
    float: right;
    margin-top: 5px;
 }